﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../src/mixins/style/base.css" />
    <link rel="stylesheet" href="../src/mixins/style/normalize.css" />
    <link rel="stylesheet" href="../src/lib/font-awesome/css/font-awesome.css">

    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>

    <script src="../src/node_modules/codemirror/lib/codemirror.js"></script>
    <script src="../src/node_modules/codemirror/addon/hint/sql-hint.js"></script>
    <script src="../src/node_modules/codemirror/mode/sql/sql.js"></script>
    <script src="../src/node_modules/codemirror/addon/hint/sql-hint.js"></script>

    <style>
        .el-table__expanded-cell[class*=cell] {
            padding: 5px!important;
            padding-left: 50px!important;
        }
        
        .my_form {
            width: 80%;
            margin: 0 auto;
        }
        
        .my_form .title {
            line-height: 40px;
            height: 40px;
            text-align: right;
            padding-right: 10px;
        }
       
    </style>

</head>

<body>

    <div class="container" id="app">


        <div class="my_form">

            <el-row class="mt_10">
                <el-col :span="4" class="title">
                    <label for="">文本</label>
                </el-col>
                <el-col :span=20>
                    <el-input v-model="form.Name"></el-input>
                </el-col>
            </el-row>

            <el-row class="mt_10">
                <el-col span="4" class="title">
                    <label for="">图片</label>
                </el-col>
                <el-col span=20>
                    <el-input v-model="form.ImageUrl"></el-input>
                </el-col>
            </el-row>


            <el-row class="mt_10">
                <el-col :span="4" class="title">
                    <label for="">链接</label>
                </el-col>
                <el-col :span=20>
                    <el-input v-model="form.Url"></el-input>
                </el-col>
            </el-row>

            <el-row class="mt_10">
                <el-col span="4" class="title">
                    <label for="">打开方式</label>
                </el-col>
                <el-col span=20>
                    <el-input v-model="form.HrefTarget"></el-input>
                </el-col>
            </el-row>

            <el-row class="mt_10">
                <el-col span="4" class="title">
                    <label for="">分组</label>
                </el-col>
                <el-col span=20>
                    <el-input v-model="form.GroupName"></el-input>
                </el-col>
            </el-row>

            <el-row class="mt_10">
                <el-col span="4" class="title">
                    <label for="">分组备注</label>
                </el-col>
                <el-col span=20>
                    <el-input class="none" type="textarea" id="Content" v-model="form.GroupRemark"></el-input>
                </el-col>
            </el-row>
         

            <el-row class="mt_10">
                <el-col :span="4" class="title">
                    <label for="">&nbsp;</label>
                </el-col>
                <el-col :span=20>

                    <el-button type="primary" v-on:click.stop="submit">保 存</el-button>

                </el-col>

            </el-row>

        </div>

    </div>


    <script src="../src/lib/jquery.js"></script>
    <script src="../src/lib/sea-all.js"></script>
    <script src="../src/lib/vue.js"></script>
    <script src="../boot.js"></script>

    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>

    <link rel="stylesheet" href="../src/lib/toastr/toastr.css" />
    <script src="../src/lib/toastr/toastr.min.js"></script>

    <script src="../src/mixins/global.mixins.js"></script>







    <script>
        $(function() {
            seajs.use('./pageConfigEdit.js');
        })
    </script>


</body>